<template>
    <div class="change-box" >
      <div class="avator_box ">
        <img
          src="https://image.16pic.com/00/05/60/16pic_560199_s.jpg?imageView2/0/format/png"
          
          style="width: 4rem"
        />
      </div>
      <el-form class="border shadow-lg" style="border-radius:40px; height:200px;width:400px;background-color:#f0f0f0;margin-left:50px">
        <el-form-item>
          <div class="fs-5 mx-auto mt-4">夕阳行动 修改密码</div>
        </el-form-item>
        <el-form-item>
          <el-input class="w-50 mx-auto" placeholder="修改密码"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primart" class="w-50 mx-auto text-center"
            >修改用户</el-button
          >
        </el-form-item>
      </el-form>
    </div>
</template>

<script>
export default {
  name: "ChangePassword",
};
</script>

<style scoped>
.placeholder {
  padding-left: 50px;
}
.change-box {
  width: 500px;
  height: 400px;
  background-color: #bfbfbf;
  border-radius: 10%;
  left: 50%;
  top: 50%;
  transform: translate(70%, 50%);
}
.avator_box {
  width: 130px;
  height: 130px;
  border: 1px solid #eeeeee;
  padding: 35px;
  border-radius: 50%;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  margin-top: -140px ;
  margin-left: 180px;
  background-color: #ffffff;
}
</style>